<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Form Example</title>
	<link rel="stylesheet"href="styles.css"type="text/css">
</head>
<body>
	<form action=/cgi-bin/post-information method=post>
	<h1>Form Example</h1>
	<p>Text Input</p>
	<input type=text name="Usename" placeholder="Usename"><br><br>
	<p>Password Input</p>
<input type=password name="Password" placeholder="Password">
	<p>Radio Buttons</p>
	<input type=radio name="sex"value="Female"checked>Female
	<input type=radio name="sex"value="Male">Male<br><br>
	<p>Checkbox</p>
	<input type =checkbox name="hobby"value="Coding">Coding<br>
	<input type =checkbox name="hobby"value="Sports">Sports<br>
	<input type=checkbox name="hobby"value="Music">Music<br>
	<input type=checkbox name="hobby"value="Travel">Travel<br>
	<input type=checkbox name="hobby"value="Reading">Reading<br>
	<input type =checkbox name="hobby"value="Gaming">Gaming<br><br>
	<p>Select Option</p>
	<select name="country">
		<option selected value="China">China</option>
		<option value="USA">USA</option>
		<option value="Canada">Canada</option>
		<option value="UK">UK</option>
		<option value="Australia">Australia</option>
		<option value="Brazil">Brazil</option>
			<option value="France">France</option>
				<option value="Germany">Germany</option>
					<option value="Japan">Japan</option>
						<option value="India">India</option>
	</select><br><br><br>
	<p>Textarea</p>
	<textarea name=comment rows=4 cols=50  placeholder="Comments"></textarea>
		<p>Submit and Reset Buttons</p>
		<input type=submit value="Submit"><input type=reset value="Reset">
</form>
	
</body>
</html>
